<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			h1{
				width: 300px;
				height: 100px;
			}
			span{
				width: 300px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<!--块级元素 比较霸道 独占一行-->
		<!--常见的块级元素h1-h6 p li-->
		<!--块级元素可以给宽高-->
		<!--块级高度根据内容自己撑开的 宽度占一行-->
		<h1>我是h1标签</h1>
		<p>我是p标签</p>
		
		<!--行级元素 比较友好 可以和其他行级元素同在一行-->
		<!--常见的行级元素 a span em-->
		<!--行级元素不能改宽高-->
		<!--行级元素宽高都是自己撑开的-->
		<span>我们都是span标签</span>
		<span>我们都是span标签</span>
		<span>我们都是span标签</span>
	</body>
</html>
